<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            color: red;
        }

        p {
            color: blue;
        }
    </style>
</head>

<body>

    <!-- 
        html 超文本标记语言
        css 层叠样式表   层叠是什么意思  --- 优先级(权重)
        css语法  
            选择器(对象) {
                属性:属性值;
                属性:属性值;
                ...
            }
        
        css属性
            width   height  background-color  float:left/right/none;

            浮动特点  盒子不再独占一行，飘起来，不占位置


            不要用行内样式
            命名的时候有规律  a  a1/a2     a-1  a-2
            命名不能全部大写
            拼音   daoHang  nihaowa   niHaoWa     小驼峰命名法(从第二个单词开始，首字母大写)
                  dao-hang    dao_hang  组合
            
            检查 ！！！！！ 


     -->

    <!-- <table width="" height="" border=""></table> -->


    <!-- <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div>
    <div width="1000px" height="100px" bgcolor="red"></div> -->




</body>

</html>